<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    
</body>
<script>
    // ajax("接口A", res=>{
    //     console.log(res);
    // })
    // ajax("接口B", res=>{
    //     console.log(res);
    // })
    // ajax("接口C", res=>{
    //     console.log(res);
    // })
    
    // ajax("接口A", res1=>{
    //     ajax("接口B", res2=>{
    //         ajax("接口C", res3=>{
    //             console.log(res1);
    //             console.log(res2);
    //             console.log(res3);
    //         })
    //     })
    // })

    // function ajax(url, cb){
    //     setTimeout(()=>{
    //         cb(url + "成功")
    //     }, Math.random()*1000)
    // }

    // ============

    // 三个请求：A，B，C
    // B依赖A
    // C依赖B
    // 最终要获取C

    ajax("接口A").then((res)=>{
        console.log("A请求的处理：" + res);
        return ajax("接口B");
    }).then(res=>{
        console.log("B请求的处理：" + res);
        return ajax("接口C");
    }).then(res=>{
        console.log("C请求的处理：" + res);
    })

    function ajax(url){
        return new Promise((a, b)=>{
            setTimeout(()=>{
                a(url + "成功");
            }, Math.random() * 1000);
        });
    }

</script>
</html>